<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--                    page pour créer un compte sur tweenit             -->


<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>       
        <link href="./resources/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
        <style type="text/css">
            body {
                padding-top: 40px;
                padding-bottom: 40px;
                background-color: #f5f5f5;
            }

            .form-signin {
                max-width: 300px;
                padding: 19px 29px 29px;
                margin: 0 auto 20px;
                background-color: #fff;
                border: 1px solid #e5e5e5;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
            }
            .form-signin .form-signin-heading,
            .form-signin .checkbox {
                margin-bottom: 10px;
            }
            .form-signin input[type="text"],
            .form-signin input[type="password"] {
                font-size: 16px;
                height: auto;
                margin-bottom: 15px;
                padding: 7px 9px;
            }

        </style>
    </h:head>
    <h:body>
     <div class="container">  
            <div class="row">    
                <div class="span6">  
                    <ul class="nav nav-pills" style="width: 1500px">  

                        <li class="active"><a href="#">About</a></li> 
                        <li><a href="/Inscription.xhtml">Inscription</a></li> 
                    </ul>   
                </div>  
            </div>  
        </div>  
            <div class="container">
            
                <form class="form-signin" action="acceuil1.xhtml">
                    <h2 class="form-signin-heading">Inscription</h2>
                    <h:panelGrid columns="2">
                    <p:outputLabel value="Name: " for="name" style="margin-left: 50px;color: #034763" />
                    <p:inputText id="name" value="#{loginModel.contact.name}" />
                    <p:outputLabel value="LastName: " for="lastName" style="margin-left: 450px;color: #034763" />
                    <p:inputText id="lastName" value="#{loginModel.contact.lastname}"  />

                    <p:outputLabel value="Email: " for="email" style="margin-left: 50px;color: #034763"/>
                    <p:inputText id="email" value="#{loginModel.contact.email}"  />
                    <p:outputLabel value="Password: " for="pwd" style="margin-left: 450px;color: #034763" />
                    <p:inputText id="pwd" value="#{loginModel.contact.password}"  />



                    <p:outputLabel value="Retype your password: " for="rpwd" style="margin-left: 50px;color: #034763" />
                    <p:inputText id="rpwd" value="#{loginModel.contact.password}" title="#{bundle.CreateClientTitle_numTeleph}" />                    
                    
                </h:panelGrid>
                    
                    
                    <p:commandButton value="sign in" action="#{loginModel.signIn()}"/>
                </form>

            </div> 
       
            <script src="/bootstrap/js/jquery-1.8.3.js"></script>  
        <script src="/bootstrap/js/bootstrap-dropdown.js"></script>  
        <script src="/bootstrap/js/application.js"></script>
        </h:body>

</html>
